<script setup lang="ts">

</script>


<template>
    

    <div class="header">

        <div >
      <el-switch v-model="isCollapse" class="ml-2" />
    </div>
    <div class="right">
        <el-icon style="margin-right: 15px;" size="30px" color="rgb(105, 105, 105)">
            <Message />
        </el-icon>
        <el-icon style="margin-right: 15px;" size="30px" color="rgb(105, 105, 105)">
            <Bell />
        </el-icon>

        <div style="margin-right: 15px;">
            <el-avatar> user </el-avatar>
        </div>
        <text>用户名</text>
    </div>
        
    </div>
</template>



<style scoped>
.header {
    display: flex;
    align-items: center;
    height: 60px;
    width: 100%;
    color:rgb(105, 105, 105);
    /* border: 2px red solid; */
    border-bottom: 1px rgb(238, 237, 237) solid;

}
.right{
    width: 100%;
    display: flex;
    justify-content: end;
    align-items: center;
}
</style>